﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860

*@
@using DeMeng.Models.Models.Poster;
@model PosterListViewModel;

@{
    ViewData["Title"] = "首页";
}
}
<style>
    .shadow1,
    .shadow2,
    .shadow3,
    .shadow4 {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 999;
        display: none
    }

    .shadow-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .close {
        position: absolute;
        top: -15px;
        right: -15px;
        cursor: pointer;
    }
</style>

<div class="index-big-banner">
    <div class="index-bg">
        <ul class="bd">
            <li style="background:url(/static/images/hqg.jpg) no-repeat center top">
                <a href="#" class="ban-link"
                   target="_blank" title=""></a>
            </li>
        </ul>
    </div>
    <div class="index-hd">
        <ul class="hd">
        </ul>
    </div>
</div>
<div class="container cf">
    <div class="index-main cf">
        <div class="index-main-bg">
            <div class="index-box recommend-games">
                <h3>推荐游戏</h3>
                <div class="box-content recommend-games-img">

                    @{
                        foreach (var item in Model.TopList)
                        {
                            item.Image = string.IsNullOrWhiteSpace(item.Image) ? "" : DeMeng.Common.Config.WebConfig.WebSiteUrl + item.Image;

                            <dl class="bs01">
                                <dt>
                                    <a class="img" href="@item.Url" target="_blank">
                                        <img class="lazy animate" src="@item.Image" alt="">
                                    </a>
                                    <div class="desc">
                                        <div class="dintro">开区时间：@item.OpenTime</div>
                                        <div class="xj">
                                            <div class="xjleft">游戏类型:@item.GameType</div>
                                            <div class="xjright">
                                                星级点评:
                                                @for (int i = 0; i < item.StarLevel; i++)
                                                {
                                                    <text> ★</text>
                                                }
                                            </div>
                                        </div>
                                    </div>
                                </dt>
                                <dd>
                                    <a class="n" href="@item.Url" target="_blank"><b>@item.GameName</b></a>
                                </dd>
                                <div class="st">
                                    <a class="s" href="@item.Url" target="_blank">进入官网</a>

                                </div>
                            </dl>
                        }

                    }






                </div>
            </div>
        </div>

    </div>
    <div class="clearfix"></div>
</div>

<div class="g-inner slideTxtBox">
    <div class="m-tab-hook hd">
        <ul>
            <li class="on">今日新区</li>
            <li>新服预约</li>

        </ul>
    </div>
    <div class="m-tab-panel">
        <div class="tab-pane p0 bd clearfix">
            <table class="m-herald">
                <thead>
                    <tr>
                        <th>开区时间</th>
                        <th>游戏名称</th>
                        <th>版本类型</th>
                        <th>游戏特色</th>
                        <th>福利</th>
                        <th>进入游戏</th>
                    </tr>
                </thead>
                <tbody class="z-top">
                    @{
                        foreach (var item in Model.BoutiqueList)
                        {

                            <tr>
                                <td><span class="top-label">精品推荐</span></td>
                                <td><a href="@item.Url" target="_blank" class="tc-warn ">@item.GameName</a></td>
                                <td>
                                    <a href="@item.Url" target="_blank">@item.GameType</a>
                                </td>

                                <td>
                                    <p><a href="@item.Url" target="_blank">@item.GameCharacteristic</a></p>
                                </td>
                                <td><a class="diode"><em class="act active">保</em><em class="gift active">兑</em></a></td>
                                <td><a class="btn-start" href="@item.Url" target="_blank">进入游戏</a></td>
                            </tr>
                        }


                    }



                </tbody>


                <tbody class="z-today">

                    @{
                        foreach (var item in Model.RecommendationList)
                        {
                            <tr>
                                <td><span class="top-label">精品推荐</span></td>
                                <td><a href="@item.Url" target="_blank" class="tc-warn ">@item.GameName</a></td>
                                <td>
                                    <a href="@item.Url" target="_blank">@item.GameType</a>
                                </td>

                                <td>
                                    <p><a href="@item.Url" target="_blank">@item.GameCharacteristic</a></p>
                                </td>
                                <td><a class="diode"><em class="act wu">保</em><em class="gift wu">兑</em></a></td>
                                <td><a class="btn-start" href="@item.Url" target="_blank">进入游戏</a></td>
                            </tr>
                        }


                    }



                </tbody>
            </table>
            <!-- /今日开服 -->
            <table class="m-herald" style="display: none;">
                <thead>
                    <tr>
                        <th>开区时间</th>
                        <th>游戏名称</th>
                        <th>版本类型</th>
                        <th>游戏特色</th>
                        <th>福利</th>
                        <th>进入游戏</th>
                    </tr>
                </thead>
                <tbody class="z-today">
                </tbody>
            </table>
            <!-- /明日开服　-->
        </div>
        <!-- /tab1 -->
    </div>
</div>
<div class="shadow1">
    <div class="shadow-bg">
        <img src="/static/picture/youbao.png">
        <div class="close"><img src="/static/picture/close.png"></div>
    </div>
</div>
<div class="shadow2">
    <div class="shadow-bg">
        <img src="/static/picture/wubao.png">
        <div class="close"><img src="/static/picture/close.png"></div>
    </div>
</div>
<div class="shadow3">
    <div class="shadow-bg">
        <img src="/static/picture/youdui.png">
        <div class="close"><img src="/static/picture/close.png"></div>
    </div>
</div>
<div class="shadow4">
    <div class="shadow-bg">
        <img src="/static/picture/wudui.png">
        <div class="close"><img src="/static/picture/close.png"></div>
    </div>
</div>
<script type="text/javascript">
    jQuery(".slideTxtBox").slide({ trigger: "click" });
    $('.m-herald .diode em.act.active').click(function () {
        $('.shadow1').show();
    });
    $('.m-herald .diode em.act.wu').click(function () {
        $('.shadow2').show();
    });
    $('.m-herald .diode em.gift.active').click(function () {
        $('.shadow3').show();
    });
    $('.m-herald .diode em.gift.wu').click(function () {
        $('.shadow4').show();
    });
    $('.close').click(function () {
        $('.shadow1,.shadow2,.shadow3,.shadow4').hide();
    });
</script>
